.el-loading-mask {
  background: rgba(0, 0, 0, 0.8);
}

.flex {
  display: flex;
}

.flex-item {
  display: flex;
  align-items: center;
}

.flex-s {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-left {
  margin-right: auto;
}

.flex-right {
  margin-left: auto;
}

.shadow {
  border: 1px solid #ccc;
  /* 边框样式 */
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  /* 添加阴影效果 */
}


.router {
  top: 70px;
  left: 234px;
  position: absolute;
  width: calc(100% - 234px);
  white-space: nowrap;
  /* 防止文本换行 */
}

.has-gutter .cell {
  //
  font-size: 16px;
}

.red {
  color: #D95348;
}

.black {
  color: black;
}

.gray {
  color: #9A9DAA;
}


.full {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  height: 100vh;
}

.cursor {
  cursor: pointer;
}

.m-right10 {
  margin-right: 10px;
}

.cq-search {
  width: 100%;
  margin-bottom: 5px;
}




// 修改el-table

// .cy-table.el-table th.el-table__cell.is-leaf {
//   //表头背景
//   background-color: #E7F0F3;
// }
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: initial !important;
}


.cy-table.el-table {

  .click-node.el-table__row {
    background-color: #E7F0F3 !important;
  }

  //表格悬浮hover
  .el-table__body tr:hover {
    background-color: #E7F0F3 !important;
  }

  .el-table_row {
    background-color: none;
  }

  .hover-row {
    background-color: none;
  }
}

.cy-table.el-table td.el-table__cell {
  //表格下划线删除
  border-bottom: none;
}

.cy-table .el-table__row:nth-child(odd) {
  background-color: #FFFFFF;
  /*奇数行的背景颜色*/
}

.cy-table .el-table__row:nth-child(even) {
  background-color: #F3F5F8;
  /*偶数行的背景颜色*/

}

//修改el-button
.bt-red {
  color: #CD6868;
}

.bt-yellow {
  cursor: pointer;
  background-color: #FABD68;
  min-width: 96px;
  height: 36px;
  padding: 0px 10px;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  color: #FFFFFF;
}

.bt-yellow-node {
  cursor: pointer;
  background-color: #FABD68;
  min-width: 96px;
  height: 25px;
  padding: 0px 10px;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  color: #FFFFFF;
}

.bt-blue {
  cursor: pointer;
  background-color: #2CA6E0;
  min-width: 96px;
  height: 36px;
  padding: 0px 10px;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  color: #FFFFFF;
}


.bt-white {
  background-color: none;
  min-width: 96px;
  height: 36px;
  padding: 0px 10px;
  border-radius: 50px;
  border: #FFFFFF;
  font-size: 14px;
  color: #FFFFFF;
}

.bt-white-text {
  border-radius: 40px;
  width: 90px;
  border: solid 1px #FFFFFF;
  text-align: center;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;

}




//修改input
.blank-input {
  border: none;
  outline: none;
  /* 去除聚焦时的边框 */
  background: none;

  .el-input__inner {
    background: #394760;
    border: none;
    border-radius: 50px;
    color: white;
  }
}

//修改input
.blue-input {
  border: none;
  outline: none;
  /* 去除聚焦时的边框 */
  background: none;

  .el-input__inner {
    background: #2BA0C8;
    border: none;
    border-radius: 50px;
    color: white;
  }

  .el-input.is-disabled {
    background-color: #2BA0C8 !important;
    color: white !important;
  }
}

.tz-app {
  padding: 0 !important;
}


.zt-input-time {
  border: none;
  width: 250px;
  background-color: #394760;
  border-radius: 50px;

  .el-range-input {
    background: none;
    color: #EDEDED;
  }
}

//日期时间选择器
.zt-input-time-data {
  background-color: #394760;
  border-radius: 20px;
  height: 36px;

  .el-input__inner {
    background: none !important;
    border: none;
    color: #fff;
  }
}

.zt-table::before {
  height: 0px;
}


// 修改el-table
.zt-table::before {
  background-color: none;
}

// 修改el-dialog 右边弹窗
.zt-right-dialog {
  background: none !important;

  .el-dialog__header {
    display: none;
  }

  .zt-rihgt-title {
    line-height: 60px;
    color: #9A9DAA;
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
  }

  .el-dialog {
    background: none !important;
  }

  .zt-dialog-solt {
    padding: 20px;
    height: calc(100% - 60px);

    .bg-black {
      background-color: #171D2C;
    }
  }

  .zt-dialog-solt-3 {
    padding: 1px;
    padding-top: 20px;

    .bg-black {
      background-color: #171D2C;
      padding: 10px 0;
    }

    .zt-solt-end {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 0;
      height: 100px;
      width: 798px;
      background: #171D2C;
    }

  }






  .zt-right-headline {
    height: 60px;
    background: linear-gradient(to right, #313B53, #272F43) !important;
    width: 100%;

  }

  .zt-right-close {
    display: flex;
    height: 60px;
    align-items: center;
  }

  .el-dialog__body {
    background-color: #2C334C;
    margin: 0;
    position: absolute;
    min-width: 500px;
    right: 0;
    height: 100%;
    padding: 0;
  }

  .el-textarea__inner {
    background-color: #394760;
    border: none;
    color: white;
  }


}

.zt-right-dialog.antennaScope {
  .el-dialog__body {
    width: 400px;
  }
}

// 修改el-dialog 小弹窗
.zt-min-dialog {

  .el-dialog__header {
    // display: none;
    background: linear-gradient(to right, #2C334C, #1D2435) !important;


  }

  .zt-rihgt-title {
    line-height: 60px;
    color: #9A9DAA;
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
  }

  .el-dialog__title {
    color: #9A9DAA;
    font-size: 16px;
    font-weight: 600;
  }


  .zt-dialog-solt {
    padding: 20px;
    min-height: calc(100% - 60px);

    .bg-black {
      background-color: #171D2C;
    }
  }

  .zt-dialog-solt-3 {
    padding: 1px;
    padding-top: 20px;

    .bg-black {
      background-color: #171D2C;
      padding: 10px 0;
    }

    .zt-solt-end {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 0;
      height: 100px;
      width: 798px;
      background: #171D2C;
    }

  }






  .zt-right-headline {
    height: 60px;
    background: linear-gradient(to right, #313B53, #272F43) !important;
    width: 100%;

  }

  .zt-right-close {
    display: flex;
    height: 60px;
    align-items: center;
  }

  .el-dialog__body {
    background: linear-gradient(to bottom, #2C334C, #1D2435) !important;
    margin: 0;
    position: absolute;
    right: 0;
    width: 100%;
    padding: 0;
  }

  .el-textarea__inner {
    background-color: #394760;
    border: none;
    color: white;
  }


}



// 修改el-dialog //放大弹窗
.zt-full-dialog {
  background: none !important;

  .el-dialog__header {
    display: none;
  }

  .zt-full-title {
    line-height: 60px;
    color: #9A9DAA;
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
  }

  .el-dialog {
    background: none !important;
  }

  .zt-dialog-solt {
    padding: 20px;
    min-height: calc(100% - 60px);

    .bg-black {
      background-color: #171D2C;
    }
  }

  .zt-dialog-solt-3 {
    padding: 1px;
    padding-top: 20px;

    .bg-black {
      background-color: #171D2C;
      padding: 10px 0;
    }

    .zt-solt-end {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 0;
      height: 100px;
      width: 798px;
      background: #171D2C;
    }

  }



  .zt-full-headline {
    height: 60px;
    background: linear-gradient(to right, #313B53, #272F43) !important;
    width: 100%;

  }

  .zt-full-close {
    display: flex;
    height: 60px;
    align-items: center;
  }

  .el-dialog__body {
    background: linear-gradient(to right, #2C334C, #1D2435) !important;
    margin: 0;
    position: absolute;
    width: calc(100% - 300px);
    right: 0;
    height: calc(100% - 75px);
    margin-top: 75px;
    padding: 0;
  }

  .el-textarea__inner {
    background-color: #394760;
    border: none;
    color: white;
  }


}




.tz-table-box {
  padding: 0 30px;
  background-color: #1E273D;
}

.zt-table.el-table {
  background-color: #1E273D;
  color: #fff;
  height: calc(100vh - 250px);

  //滚动条 
  .el-table__cell.gutter {
    background: #1E273D;
  }


  .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px;
    // margin-right: 20px; /* 将滚动条向右移动20px */
    margin-right: -20px;
    /* 或者使用 right: -20px; */
  }


  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #a0a0a0;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #1E273D;
  }


  .el-table__body tr {
    color: #9A9DAA;
  }

  .el-table__body tr:hover>td {
    //表格悬浮
    background: none;
  }


  th.is-leaf {
    border-bottom: none;
  }

  // background-color:linear-gradient(to right, #2C334C, #1D2435) !important; 
  th.el-table__cell.is-leaf {
    //表头背景
    background-color: #1E273D;
    color: #767676;
  }


  td.el-table__cell {
    //表格下划线删除
    border-bottom: none;
  }

  .el-table__row:nth-child(odd) {
    background-color: #575D73;
    /*奇数行的背景颜色*/
  }

  .el-table__row:nth-child(even) {
    background-color: #1E273D;
    /*偶数行的背景颜色*/
  }

  /* //此代码是让每行右边侧变圆 */

  .el-table__row td:last-child {
    border-radius: 0 50px 50px 0;
    z-index: 999;
    padding: 2px;
  }

  /* //此代码是让每行左侧变圆 */
  .el-table__row td:first-child {
    border-radius: 50px 0 0 50px;
    padding: 2px;
    z-index: 999;
  }

  th.el-table__cell {
    background: none;
  }


  // 点击事件
  .click-node.el-table__row td:last-child {
    border-radius: 0 0 0 0;
    z-index: 999;
  }

  .click-node.el-table__row td {
    background-color: #161B27 !important;
  }

  .click-node.el-table__row {
    background-color: #161B27 !important;
  }

  .click-node.el-table__row td:first-child {
    border-radius: 50px 0 0 50px;
    padding: 2px;
    z-index: 999;
  }

  .click-node.el-table__row td:last-child {
    border-radius: 0 0px 0px 0;
    z-index: 999;
    padding: 2px;
  }

}


//没有背景的table
.no-bg-talbe {
  background-color: rgba(0, 0, 0, 0.00);

  tr {
    background-color: rgba(0, 0, 0, 0.00);
  }

  .zt-table {
    background-color: rgba(0, 0, 0, 0.00);

    .el-table__row:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.00);

      /*偶数行的背景颜色*/
    }


  }

  th.el-table__cell.is-leaf {
    //表头背景
    background-color: rgba(0, 0, 0, 0.00);
    color: #767676;
  }

  .zt-table.el-table th.el-table__cell.is-leaf {
    background-color: rgba(0, 0, 0, 0.00);
  }
  




}



.el-table::before {
  //表格底部下划线
  height: 0;
}

//没有背景的min-table
.zt-min-table.el-table {
  background-color: rgba(0, 0, 0, 0.00);

  th.el-table__cell.is-leaf {
    //表头下划线
    border-bottom: none;
  }

  .el-table__body tr:hover>td {
    background: none;
  }



  tr {
    background-color: rgba(0, 0, 0, 0.00);
  }

  td.el-table__cell {
    //表格下划线删除
    border-bottom: none;
  }



  .el-table__row:nth-child(even) {
    background-color: #1E273D;
    /*偶数行的背景颜色*/
  }

  th.el-table__cell.is-leaf {
    //表头背景
    background-color: #1E2435;
    color: #767676;
  }

  .zt-table.el-table th.el-table__cell.is-leaf {
    background-color: rgba(0, 0, 0, 0.00);
  }
}



// 台站搜索栏
.zt-select {
  padding: 0 20px;
  width: 100%;
  height: 87px;
}


.zt-input,
.zt-input-min,
.zt-input-200,
.zt-input-80 {

  .el-input__inner {
    height: 36px;
  }

  input {
    border-radius: 50px !important;
    background: #394760 !important;
    border: none !important;
    color: #fff;
  }

}

.zt-inputs-black {
  .el-input__inner {
    height: 36px;
  }

  input {
    border-radius: 50px !important;
    background: #171D2C !important;
    border: none !important;
    color: #fff;
  }
}

.zt-input {
  input {
    width: 250px !important;
  }
}

.zt-input-min {
  input {
    // width: 136px !important;
  }
}

.zt-input-200 {
  input {
    width: 200px !important;
  }
}

.zt-input-80 {
  input {
    width: 80px !important;
  }
}

.rihgt-m10 {
  margin-right: 10px;
}

.rihgt-m5 {
  margin-right: 5px;
}

//光标
.cursor {
  cursor: pointer;
}

//分页
.zt-pagination {
  height: 85px;
  width: 100%;
  margin: 0;
  background: #121212;

  .pagination-container {
    margin: 0;
    padding: 10px;
  }

  .el-pagination {
    margin-top: 15px;
  }

  .el-input__inner {
    background: black !important;
    color: white !important;
  }

  .btn-prev {
    background-color: black;
  }

  button:disabled {
    background-color: black;
  }
}

.zt-popper {
  background: #272F45;
  border: none;

  .popper__arrow {
    display: none;
  }

  .sense-img {
    width: 14px;
    height: 14px;
  }

  .restartMenu {
    margin-top: 10px;

    .restart-li {
      background: #FABD68;
      width: 80px;
      color: #000000;
    }
  }

  .message-popup {
    background: linear-gradient(to right, #2C334C, #1D2435);
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
  }
}




.ts-select {
  .el-input__inner {
    background-color: #394760;
    color: white;
    width: 100%;
    border: none;
  }

  .el-select__input {
    color: white;
  }

  .el-tag {
    background-color: #2B526F;
    border: none;
    color: white;
    border-radius: 30px;

    .el-icon-close {
      background-color: #FBD580;
    }
  }
}


.p20 {
  padding-left: 20px;
  padding-right: 20px;
}



.zt-dialog-solt-2 {
  .station-head-box {
    width: 100%;
    margin-top: 40px;

    .station-head1 {
      background: url("../images/yellow-l.png");
      background-size: 100% 100%;
      width: 300px;
      /* 设置宽度为100%以占据整个父容器的宽度 */
      height: 35px;
      line-height: 35px;
      padding: 0 20px;
      position: relative;
      z-index: 2004;
      font-size: 16px;
      color: white;
    }

    .station-head2 {
      // background: url("../images/station-head2.png");
      // background-size: 100% 100%;
      // width: 300px; /* 设置宽度为100%以占据整个父容器的宽度 */
      // height: 30px;
      // line-height: 30px;
      // padding: 0 20px;
      position: absolute;
      top: 68px;
      left: 295px;

      img {
        height: 60px;
        width: 60px;
      }

    }

    .station-head3 {
      background: url("../images/station-head2.png");
      background-size: 100% 100%;
      width: 340px;
      /* 设置宽度为100%以占据整个父容器的宽度 */
      height: 35px;
      line-height: 30px;
      padding: 0 20px;
      position: absolute;
      // top:45px;
      left: 265px;
      z-index: 2003;

      .sh-box {
        position: absolute;
        width: 250px;
        height: 35px;
        right: 10px;

        .sh-1 {
          width: 100px;
          white-space: nowrap;
          /* 防止文本换行 */
          overflow: hidden;
          /* 隐藏超出容器的部分 */
          text-overflow: ellipsis;
          /* 显示省略号 */
          color: #2BA0C8;
          font-size: 16px;
        }

        .sh-2 {
          font-size: 16px;
          color: #2BA0C8;
        }

        .sh-3 {
          font-size: 16px;
          color: #FABD68;
        }

        .sh-4 {
          height: 12px;
          width: 12px;
          margin-left: 5px;
        }
      }
    }

    .station-head4 {
      position: absolute;
      right: 0;
      height: 35px;
      width: 200px;

      img {
        height: 25px;
        width: 25px;
        cursor: pointer;
        margin: 0 5px;
      }
    }
  }

  .bg-black {
    height: 25px;
    padding: 0 20px;
    color: #575D73;
    font-size: 12px;
    width: 100%;
    background: #171D2C;
    line-height: 25px;
  }

  .bg-blue {
    background-color: rgba(13, 114, 168, 0.35);
    border-top: solid 1px #35BFEF;
    border-bottom: solid 1px #35BFEF;
    color: #CDD6DD;
    font-size: 16px;
    padding: 5px;
  }

  .station-information {
    width: 100%;
    margin: 20px 0;
    padding: 0 20px;

    img {
      height: 20px;
      width: 20px;
      margin-right: 10px;
    }

    .information-ul {
      margin-bottom: 10px;
      /* 调整行与行之间的间距，根据需要调整 */
    }

    .information-li {
      width: 100px;
      display: flex;
      align-items: center;
      /* 垂直居中对齐 */
      align-self: flex-start;
      /* 顶部对齐 */
      margin-right: 20px;
      /* 图标和文本之间的距离，根据需要调整 */
    }

    .information-li img {
      margin-right: 10px;
      /* 图标右侧的距离，根据需要调整 */
    }

    .information-left {
      width: 360px;

      .li-text {
        color: #2BA0C8;
        white-space: nowrap;
      }
    }

    .information-right {
      width: 360px;

      .li-text {
        color: #9A9DAA;
        white-space: nowrap;
      }



    }
  }


}



//台站
.node-detail {
  background-color: #161B27;
  height: calc(100vh - 78px);
  padding: 20px;
  padding-top: 30px;

  .node-crate {
    display: flex;
    flex-wrap: wrap;

  }

  .node-slot {
    background-color: #1E273D;
    border-radius: 0 0 5px 5px;
    width: calc(100%);
    padding: 10px;

    .node-room {
      width: 100%;
      height: 110px;
    }

    .node-sensor {
      width: 100%;
      height: 145px;
    }
  }
}




//频谱图
.frequency-message {
  background: #121212;
  display: flex;
  align-items: center;
  // justify-content: center;
  width: 100%;
  height: calc(100vh - 160px);
  padding: 10px;




  .frequency-message-main {
    background: linear-gradient(to right, #2C334C, #1D2435);
    border-radius: 5px;
    width: 100%;
    height: 100%;
    width: calc(100% - 610px);
    margin-right: 10px;

    .headline-text {
      border-radius: 5px 5px 0 0;
      height: 50px;
      line-height: 50px;
      padding: 0 15px;
      color: #9A9DAA;
      font-size: 15px;
      width: 100%;
      display: flex;
      background: linear-gradient(to right, #313B53, #272F43);

      .h-text {
        color: #9A9DAA;
        font-weight: 700;
        margin-right: auto;
      }

      .h-button {
        background: #121212;
        margin: 5px;
        line-height: 42px;
        border-radius: 5px;
        width: 240px;
        display: flex;

        .h-num {
          width: 120px;
          text-align: center;
          font-size: 20px;
          color: #9A9DAA;
        }

        .h-btn {
          padding-left: 10px;
          cursor: pointer;
          width: 120px;
          height: 35px;
          margin: 2px;
          line-height: 34px;
          background: linear-gradient(180deg, #7288AF 0%, #485A78 16%, #394B69 17%, #3F4C61 80%, #1F2A3D 81%, #192841 100%);
          border-radius: 0px 8px 8px 0px;
          opacity: 1;
          border: 2px solid #21F0FF;
        }

        .h-btn-n {
          // background: #192841;

          padding-left: 10px;
          cursor: pointer;
          width: 120px;
          height: 35px;
          margin: 2px;
          line-height: 34px;
          background: linear-gradient(180deg, #7288AF 0%, #485A78 16%, #394B69 17%, #3F4C61 80%, #1F2A3D 81%, #192841 100%);
          border-radius: 0px 8px 8px 0px;
          opacity: 1;
          border: 2px solid rgb(169, 168, 168);
        }
      }

    }

  }

  .frequency-message-minor {
    background: linear-gradient(to right, #2C334C, #1D2435);
    border-radius: 15px;
    width: 600px;
    height: 100%;
  }


}


//频谱图弹窗
.frequency-pop {
  .el-dialog__wrapper {
    width: 705px;
    height: 304px;
    background: #121212;
    padding: 0;
    border: 2px solid #21F0FF;
    border-radius: 5px;

    .el-dialog {
      width: 700px;
      height: 300px;
      margin: 0 !important;
      background: linear-gradient(to right, #2C334C, #1D2435);

      .el-dialog__title {
        color: #9A9DAA;
        font-size: 16px;
        font-weight: 700;

      }

      .el-dialog__header {
        background: linear-gradient(to right, #313B53, #272F43);
      }

    }
  }
}




//直播流
.flv-player {
  width: 100%;
  height: 100%;
}

.crate-end .el-popover {
  background: none;
}

.camera-scope .el-popover {
  background: none;
}

.el-popover {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flv-player-popover {
  // padding: 3px;
  width: 400px;
  height: 280px;
  border-radius: 5px;
  color: #9A9DAA;
  // background: linear-gradient(to right, #313B53, #272F43);
  overflow-x: hidden;
  margin-left: -100px;

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  .flv-player {
    width: 250px;
    height: 155px;
  }
}


.flv-player-button {
  height: 20px;
  width: 20px;
}

.flv-player-button-crate {
  height: 14px !important;
  width: 14px !important;
}


// 多选框 
.z-input-multiple {

  // background: #192841;
  .el-input__inner {
    background: #394760;
    border: none;
    border-radius: 50px;
    color: white;
  }

  .el-tag--info {
    background-color: #2B526F;
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
  }

  .el-icon-close::before {
    background: #FBD580;
    border-radius: 50%;
  }
}

.icon-img {
  cursor: pointer;
  width: 20px;
  margin: 0 2px;
}